function btnAdd() {
    console.log('新增');
    location.href = './addOrEdit.html'
}
function btnEdit(id) {
    console.log('编辑');
    location.href = './addOrEdit.html?id=' + id
}
async function btnFilter() {
    console.log('过滤');
    /*
        1. 拿到数据
        2. 向后端发请求
        3. 处理后端返回的响应
    */
    let keyword = $('input[name=keyword]').val()
    // console.log(keyword);
    // axios.get(`${host}/blogs?keyword=${keyword}`).then((res) => {
    //     // 处理后端返回的响应
    //     console.log(res);

    // }).cath()


    let res = await axios.get(`${host}/blogs?keyword=${keyword}`)
    // console.log(res)
    // 处理后端返回的响应

    let blogs = res.data.data;
    // 此处的处理是：清除所有的数据行，再将后端返回的数据形成一行一行插入到对应的dom节点
    $('tr[class^=blog]').remove();
    blogs.forEach(item => {
        let html = `
                        <tr class="blog${item.id}">
                                <td>${item.id}</td>
                                <td>${item.title}</td>
                                <td>${item.author}</td>
                                <td>
                                    <input type="button" value="编辑" onclick=btnEdit(${item.id})>
                                    <input type="button" value="删除" onclick=btnDel(${item.id})>
                                </td>
                            </tr>
                        `
        $('tbody').append(html)



    })



}
function btnDel(id){
    if(confirm('确认删除孖')){
        axios.delete(`${host}/blogs/${id}`).then((res)=> {
            let data = res.data;
            if(data.code === 1000){
                let tr = document.querySelector(`.blog${id}`)
                tr.remove()
            }else{
                confirm(`${data.msg}`)
            }
        })
    }
}
